<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        body{
            height: 2000px;
            background: red;
        }
        #kuang{
            position: absolute;
            top:100px;
            left:100px;
            background: blue;
            height: 300px;
            width: 300px;
        }
    </style>
</head>
<button id="but">点我试试</button>

<div id="kuang">

</div>
<body>
<script type="application/javascript" src="mevent.js"></script>
<script>


    var but = document.getElementById('but');
      on('fanshule',function(){
        alert("给我盛饭");
    });
    var kuang = document.getElementById('kuang');


    on('fanshule',function(){
        alert("吃饭");
    });


  on('fanshule',function(){
        alert("叫你吃饭");
    });

    emit('fanshule');
//    function haha(e){
//        e.stopPropagation(); /*取消冒泡*/
//        console.log(e);
//    }
//    but.onclick = haha;
////    kuang.onclick = haha;
//    document.body.onclick = haha;
//
//    kuang.addEventListener('contextmenu',function(e){
//        e.preventDefault(); /*取消默认处理*/
//       alert("我是观察者1,狂悖单机了");
//    });
//     kuang.addEventListener('contextmenu',function(e){
//       alert("我是观察者2,狂悖单机了");
//    });
//
//    var aa = new Event('contextmenu'); /*初始化一个右击事件*/
//    kuang.dispatchEvent(aa); /*触发一个右击事件*/
//
//    window.onload = function(){
//        var ttt = document.getElementById('ttt');
//        ttt.innerHTML = "haha"
//    }



</script>

<div id="ttt"></div>


<!--实现一个用户的注册、登陆和修改密码功能的系统-->
</body>
</html>